<script setup>
import {ref} from "vue"
const isShow = ref(true)
const getIsShow = () => {
    isShow.value = false
}
defineProps(['message','content','color'])
</script>

<template>
  <view class="box" v-if="isShow">
    <view class="top">
        <view><text>{{ message }}素材</text><text style="color: rgb(255,55,71);" :style='color?"color: rgb(142,84,244)":""'>提示</text></view>
        <view @click="$emit('del')">
            <image @click="getIsShow" style="width: 48rpx;height: 48rpx;" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/xxxx.png" mode="" />
        </view>
        
    </view>
    <view class="text">{{ content }}</view>
  </view>
</template>

<style lang="scss" scoped>
    .box{
        box-sizing: border-box;
        width: 690rpx;
        height: 206rpx;
        padding: 30rpx;
        background-color: #fff;
        border-radius: 16rpx;
        .top{
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 28rpx;
            font-weight: 500;
            color: rgb(69,70,74);
            margin-bottom: 18rpx;

        }
        .text{
            font-size: 28rpx;
            color: rgb(69,70,74);
        }
        
    }
</style>
